<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<%@page import="java.util.*"%>
<%@ page contentType="text/html; charset=utf-8" language="java"
	import="java.sql.*" errorPage=""%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<head>
<base href="<%=basePath%>">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>HYJ</title>
	<style type="text/css">
<!--
body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background: #000;
	margin: 0;
	padding: 0;
	color: #000;
}

/* ~~ 元素/标签选择器 ~~ */
ul,ol,dl {
	/* 由于浏览器之间的差异，最佳做法是在列表中将填充和边距都设置为零。为了保持一致，您可以在此处指定需要的数值，也可以在列表所包含的列表项（LI、DT 和 DD）中指定需要的数值。请注意，除非编写一个更为具体的选择器，否则您在此处进行的设置将会层叠到 .nav 列表。 */
	padding: 0;
	margin: 0;
}

h1,h2,h3,h4,h5,h6,p {
	margin-top: 0;
	/* 删除上边距可以解决边距会超出其包含的 div 的问题。剩余的下边距可以使 div 与后面的任何元素保持一定距离。 */
	padding-right: 15px;
	padding-left: 15px;
	/* 向 div 内的元素侧边（而不是 div 自身）添加填充可避免使用任何方框模型数学。此外，也可将具有侧边填充的嵌套 div 用作替代方法。 */
	color: #00F;
	font-weight: bold;
}

a img { /* 此选择器将删除某些浏览器中显示在图像周围的默认蓝色边框（当该图像包含在链接中时） */
	border: none;
}

/* ~~ 站点链接的样式必须保持此顺序，包括用于创建悬停效果的选择器组在内。 ~~ */
a:link {
	color: #414958;
	text-decoration: underline;
	/* 除非将链接设置成极为独特的外观样式，否则最好提供下划线，以便可从视觉上快速识别 */
}

a:visited {
	color: #4E5869;
	text-decoration: underline;
}

a:hover,a:active,a:focus { /* 此组选择器将为键盘导航者提供与鼠标使用者相同的悬停体验。 */
	text-decoration: none;
}

/* ~~ 此容器包含所有其它 div，并依百分比设定其宽度 ~~ */
.container {
	width: 90%;
	max-width: 1260px;
	/* 可能需要最大宽度，以防止此布局在大型显示器上过宽。这将使行长度更便于阅读。IE6 不遵循此声明。 */
	min-width: 780px; /* 可能需要最小宽度，以防止此布局过窄。这将使侧面列中的行长度更便于阅读。IE6 不遵循此声明。 */
	background: #FFF;
	margin: 0 auto;
	/* 侧边的自动值与宽度结合使用，可以将布局居中对齐。如果将 .container 宽度设置为 100%，则不需要此设置。 */
	color: #F00;
}

/* ~~ 标题未指定宽度。它将扩展到布局的完整宽度。标题包含一个图像占位符，该占位符应替换为您自己的链接徽标 ~~ */
.header {
	background: #666;
	background-image:url(zj.jpg);
}

.sidebar1 {
	float: left;
	width: 20%;
	background: #333;
	padding-bottom: 10px;
}

.content {
	padding: 10px 0;
	width: 80%;
	float: left;
	color: #000;
}

/* ~~ 此分组的选择器为 .content 区域中的列表提供了空间 ~~ */
.content ul,.content ol {
	padding: 0 15px 15px 40px;
}

/* ~~ 导航列表样式（如果选择使用预先创建的 Spry 等弹出菜单，则可以删除此样式） ~~ */
ul.nav {
	list-style: none; /* 这将删除列表标记 */
	border-top: 1px solid #666; /* 这将为链接创建上边框 – 使用下边框将所有其它项放置在 LI 中 */
	margin-bottom: 15px; /* 这将在下面内容的导航之间创建间距 */
}

ul.nav li {
	border-bottom: 1px solid #666; /* 这将创建按钮间隔 */
}

ul.nav a,ul.nav a:visited { /* 对这些选择器进行分组可确保链接即使在访问之后也能保持其按钮外观 */
	padding: 5px 5px 5px 15px;
	display: block; /* 这将为链接赋予块属性，使其填满包含它的整个 LI。这样，整个区域都可以响应鼠标单击操作。 */
	text-decoration: none;
	background: #999;
	color: #000;
}

ul.nav a:hover,ul.nav a:active,ul.nav a:focus {
	/* 这将更改鼠标和键盘导航的背景和文本颜色 */
	background: #6F7D94;
	color: #FFF;
}

/* ~~ 脚注 ~~ */
.footer {
	padding: 10px 0;
	background: #333;
	position: relative; /* 这可以使 IE6 hasLayout 以正确方式进行清除 */
	clear: both; /* 此清除属性强制 .container 了解列的结束位置以及包含列的位置 */
	font-size: small;
}

/* ~~ 其它浮动/清除类 ~~ */
.fltrt { /* 此类可用于在页面中使元素向右浮动。浮动元素必须位于其在页面上的相邻元素之前。 */
	float: right;
	margin-left: 8px;
}

.fltlft { /* 此类可用于在页面中使元素向左浮动。浮动元素必须位于其在页面上的相邻元素之前。 */
	float: left;
	margin-right: 8px;
}

.clearfloat {
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}

#apDiv1 {
	position: absolute;
	left: 361px;
	top: 46px;
	width: 789px;
	height: 106px;
	z-index: 1;
	font-size: xx-large;
	color: #FFF;
	text-align: center;
}

.container .footer .footer {
	color: #000;
	font-weight: normal;
}

#apDiv2 {
	position: absolute;
	left: 297px;
	color: #FF0;
	top: 173px;
	size: auto;
	width: 762px;
	height: 22px;
	z-index: 2;
}
-->
</style>
</head>

<body>
	<%!ArrayList<ArrayList<String>> list = new ArrayList<ArrayList<String>>();%>
	<%
		session.setAttribute("list", list);
	%>
	<%
		list.clear();
		try {
			Class.forName("org.gjt.mm.mysql.Driver").newInstance();

			String url = "jdbc:mysql://localhost:3306/safe";

			String user1 = "root";
			String password = "123";

			Connection conn = DriverManager.getConnection(url, user1,
					password);
			Statement stmt = conn.createStatement(
					ResultSet.TYPE_SCROLL_SENSITIVE,
					ResultSet.CONCUR_UPDATABLE);
			//用list保存，瓦斯预警  表中的所有信息
			ResultSet rSet = stmt.executeQuery("select * from 危险区域");

			for (; rSet.next();) {
				ArrayList<String> arrayList = new ArrayList<String>();
				for (int j = 1; j < 11; j++) {
					arrayList.add(rSet.getString(j));
				}
				list.add(arrayList);
			}
		} catch (Exception e) {
		}
	%>
	

	<div id="apDiv1"><marquee direction="left">沿突出危险区域边缘采掘工作面及防止瓦斯异常涌出措施周报表</marquee></div>
	<div class="container">
		<div class="header">
			<img src="hz.jpg" alt="在此处插入徽标" name="Insert_logo" width="231"
				height="207" id="Insert_logo"
				style="background: #8090AB; display:block;" />
			<!-- end .header -->
		</div>
		<div class="sidebar1">
			<ul class="nav">
				<p>&nbsp;</p>
				<p>
					<font color=white>重要链接：</font>
				</p>
				<li><a href="back.jsp">张集矿（中央区）重点头面（点）瓦斯预警及安全周评估报表</a></li>
				<p>&nbsp;</p>
				<li><a href="back2.jsp">沿突出危险区域边缘采掘工作面及防止瓦斯异常涌出措施周报表</a></li>
				<p>&nbsp;</p>
				<li><a href="back3.jsp">张集矿（中央区）生产技术一科预警及安全风险评估周报表</a></li>
				<p>&nbsp;</p>
				<li><a href="back4.jsp">张集矿生产技术二科（掘进）预警周报表</a></li>
			</ul>

			<!-- end .sidebar1 -->
		</div>
		<div class="content">
			<input type="button" name="button2" id="button2" value="插入一条新纪录"
				onclick="location.href='page/insert2'" /> <br /> <br />
			<table width="98%" border="1" cellpadding="0" cellspacing="0">
				<tr>
					<th scope="col">地点</th>
					<th scope="col">煤层</th>
					<th scope="col">厚度（m）</th>
					<th scope="col">标高（m）</th>
					<th scope="col">突出危险区域边缘长度（m）</th>
					<th scope="col">处于突出危险区域边缘长度（m）</th>
					<th scope="col">显剩余长度（m）</th>
					<th scope="col">未采取措施时平均瓦斯涌出量（m3/min）</th>
					<th scope="col">防范措施</th>				
					<th scope="col" bgcolor="orange">风险预警等级</th>
					<th width="70" scope="col">操作</th>

				</tr>
				<%
					for (int j = 0; j < list.size(); j++) {
				%>
				<tr>
					<%
						for (int i = 0; i < list.get(0).size(); i++) {
					%>
					<td id=j+ " "+i><%=list.get(j).get(i)%></td>
					<%
						}
					%>
					<td><br />
					<strong><a href="page/update2?id=<%=j%>"><font
								color="#ff8040">修改</font>
						</a>
					</strong> <br />
					<br /> <strong><a href="user/deleteback2?id=<%=j%>"><font
								color="#ff8040">删除</font>
						</a>
					</strong> <br />
					<br />
					</td>
				</tr>
				<%
					}
				%>
			</table>
			<!-- end .content -->
		</div>
		<div class="footer">
			<p class="footer"><font color=white>有任何问题请联系管理员：黄亚军 QQ:577257139</font></p>
			<!-- end .footer -->
		</div>
		<!-- end .container -->
	</div>
</body>
</html>
